<template>
  <div style="display: flex; align-items: center; flex-direction: column">
    <!-- <div class="x6-html-node task_icon gateway_join" :class="nodeStatus" @click="click" /> -->
    <avic-icon class="task-node-icon" svg="avic-process-hb" />
    <div class="task-label">{{ showData.alias }}</div>
  </div>
</template>

<script>
import nodeIconMixin from '../../../mixins/nodeIcon';
export default {
  name: 'Join',
  mixins: [nodeIconMixin]
};
</script>
<style scoped lang="less">
.task-node-icon {
  font-size: 36px;
  color: #8c96a2;
  line-height: 1;
  .svg-icon {
    width: 24px;
    height: 24px;
    vertical-align: -0.1em;
  }
}
</style>
